*{
    margin: 0px;
    padding: 0px;
}

body{
    width: 100%;
}

.bg{
    position: absolute;
    /*让它成为背景图片*/
    z-index: -10;
}

.header{
    padding-top: 20px;
    .day{
        width: 30%;
        height: 100%;
        float: left;
        background-color: white;
        border-radius: 25px;
        margin-left: 5%;
        font-weight: bold;
        span{
            margin-left: 20%;
        }
    }
    .money{
        width: 40%;
        height: 100%;
        margin-right: 5%;
        float: right;
        border-radius: 25px;
        font-weight: bold;
        background-color: white;
        text-align: right;
        span{
            margin-right: 20%;
        }
    }
}

.cook{
    position: relative;
    background-color: aqua;
    border-radius: 10px;
    margin: 30px auto;
    border:5px solid white
}

.custom{
    position: relative;
    background-color: aquamarine;
    border-radius: 10px;
    margin: 40% auto 5%;
    border:5px solid white
}

.circle{
    position: relative;
    border-radius: 50%;
    background-color: #ccc;
    border: 3px solid white;
    margin-top: 3%;
    margin-left: 10%;
    float: left;
}

.tips{
    display: none;
    background-color: rgba(167, 167, 167, 0.7);
    position: absolute;
    top:0px;
    left: 0px;
    z-index: 500;
    .inner{
        margin: 40% auto;
        border: 5px solid white;
        border-radius: 5%;
        background-color: rgb(245, 214, 42);
        height: 30%;
        p{
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            height: 10%;
            width: 100%;
        }
        .cont{
            margin-top: 10%;
            font-size: 16px;
            line-height: 20px;
            height: 30%;
            width: 100%;
        }
        .btn{
            float: left;
            margin-top: 10%;
            width: 30%;
            background-color: white;
            border:3px solid white;
            cursor: pointer;
            height: 15%;
            line-height: 40px;
            text-align: center;
            border-radius: 30px;
        }

    }
}

.small_tip{
    display: none;
    position: absolute;
    top:33%;
    z-index: 5000;
    left: 17%;
    line-height: 20px;
    text-indent: 2rem;
    background-color: aqua;
    border-radius: 20px;
    border:3px solid white;
}

.custom_in{
    background-size : 100% 100%;
    position: absolute;
    z-index:20;
    top:0%;
    .wait{
        width: 80px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: white;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        top: 80%;
        background-color: aqua;
    }
}

.food{
    display: none;
    background-color: rgba(167, 167, 167, 0.7);
    position: absolute;
    top:0px;
    left: 0px;
    z-index: 1000;
    .main_page{
        position: absolute;
        left: 2%;
        margin-top: 70px;
        border-radius: 10px;
        border:5px solid white;
        .food_header{
            position: relative;
            .user_img{
                position: absolute;
                top: -40%;
                left: 5%;
                z-index: 101;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border:3px solid white;
                background-color: rgb(39, 39, 187);
                background-size: 100% 100%;
            }
            .info{
                font-size: 20px;
                font-weight: bold;
                float: right;
                margin-right: 10px;
            }
        }

        .food_main{
            position: absolute;
            top:8%;
            left: 3%;
            border:1px solid #ccc;
            background-color: white;
            color: rgb(136, 173, 0);
            .food_title{
                margin-left: 20px;
            }
            .food_content{
                margin-left: 40px;
            }
        }

        .food_foot{
            position: absolute;
            top: 83%;
            left: 4%;
            div{
                height: 50%;
                width: 30%;
                line-height: 40px;
                border-radius: 30px;
                margin-top: 5%;
                float: left;
                cursor: pointer;
                margin-left: 40px;
                background-color: chartreuse;
                text-align: center;
            }
        }
    }
}

.line{
    position: absolute;
    top:90%;
    left: 5%;
}

.under{
    height: 20px;
    text-align: center;
    line-height: 20px;
    width: 80px;
    z-index: 100;
    background-color: blue;
    display: none;
    position: absolute;
}